<div class="panel panel-vertical bordered-bottom spacer-bottom">
  <div class="display-inline-block text-top nowrap big-spacer-right">
    <ul class="radio-toggle">
      <li>
        <input type="radio" name="update-center-filter" value="installed" id="update-center-filter-installed"
               {{#eq state.section 'installed'}}checked{{/eq}}>
        <label for="update-center-filter-installed">Installed</label>
      </li>
      <li>
        <input type="radio" name="update-center-filter" value="updates" id="update-center-filter-updates"
          {{#eq state.section 'updates'}}checked{{/eq}} {{#unless state.updateCenterActive}}disabled{{/unless}}>
        <label for="update-center-filter-updates"
          {{#unless state.updateCenterActive}}data-toggle="tooltip" title="Update Center is not activated."{{/unless}}>
          Updates Only
        </label>
      </li>
      <li>
        <input type="radio" name="update-center-filter" value="available" id="update-center-filter-available"
          {{#eq state.section 'available'}}checked{{/eq}} {{#unless state.updateCenterActive}}disabled{{/unless}}>
        <label for="update-center-filter-available"
          {{#unless state.updateCenterActive}}data-toggle="tooltip" title="Update Center is not activated."{{/unless}}>
          Available
        </label>
      </li>
    </ul>

    <ul class="radio-toggle">
      <li>
        <input type="radio" name="update-center-filter" value="system" id="update-center-filter-system"
          {{#eq state.section 'system'}}checked{{/eq}} {{#unless state.updateCenterActive}}disabled{{/unless}}>
        <label for="update-center-filter-system"
          {{#unless state.updateCenterActive}}data-toggle="tooltip" title="Update Center is not activated."{{/unless}}>
          System Upgrades
        </label>
      </li>
    </ul>
  </div>

  {{#notEq state.section 'system'}}
    <form id="update-center-search-form" class="search-box display-inline-block text-top">
      <button id="update-center-search-submit" class="search-box-submit button-clean"><i class="icon-search"></i>
      </button>
      <input id="update-center-search-query" class="search-box-input" type="search" name="q" placeholder="Search"
             maxlength="100" autocomplete="off">
    </form>
  {{/notEq}}
</div>
